* {
  margin: 0;
  padding: 0;
  font-family: Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  letter-spacing: .02em;
  -webkit-tap-highlight-color: transparent;
  /*-webkit-transform-style: preserve-3d;*/
  -webkit-backface-visibility: hidden;
  /*-webkit-perspective: 1000;*/
}

a {
  text-decoration: none;
}

[v-clock] {
  display: none;
}

.button {
  display: inline-block;
  width: .6rem;
  height: .3rem;
  text-align: center;
  line-height: .3rem;
  border-radius: .15rem;
  background: #fdb122;
  color: white;
}

iframe {
  display: none;
}

html {
  max-width: 500px;
  margin: 0 auto;
}

#app {
  color: #101010;
  font-size: .14rem;
}

.fontSm {
  color: #afafaf;
  font-size: .12rem;
}

/*首页*/
.index_head {
  width: 100%;
  height: .56rem;
  display: flex;
  padding: 0 .05rem;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}

.position_icon {
  font-size: .27rem;
}

.index_head > .el-input {
  width: 70%;
}

.title {
  color: #000000;
  text-underline: none;
  font-size: .12rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.title > img {
  height: .04rem;
  margin: 0 .02rem;
}

.index_head .el-input__icon {
  line-height: .3rem;
}

.index_head .el-input input {
  line-height: .3rem;
  height: .3rem;
  border-radius: .5rem;
  border: none;
  background: #eeeeee;
  min-width: 2.1rem;
}

.index_head .el-input input::placeholder {
  color: #909090;
}

.index_head .icon-add {
  font-size: .24rem;
}

.index_head .el-message-box {
  width: 80%;
  position: fixed;
  top: 30%;
  left: 10%
}

.index_list {
  padding: 0 0 .1rem 0;
}

.index_list_div {
  margin-top: .16rem;
  width: 20%;
  display: inline-block;
  text-align: center;
}

.index_list_div > p {
  font-size: .14rem;
  margin-top: .04rem;
}

.index_list_div > img {
  width: .55rem;
  border-radius: 50%;
}

.day_recom {
  padding: .15rem;
  border: .1rem solid rgb(242, 242, 242);
  border-width: .1rem 0 0rem 0;
}

.day_recom_top {
  display: flex;
  justify-content: space-between;
  margin-bottom: .13rem;
}

.day_recom_top > p:nth-child(1) {
  font-size: .18rem;
  font-weight: 400;
}

.day_recom_top > p:nth-child(2) {
  font-size: .12rem;
  align-items: center;
}

.day_recom_swiper > .swiper-slide {
  /*width: 72%;*/
  display: flex;
}

.slide_img {
  width: .9rem;
  height: .64rem;
  margin-right: .16rem;
}

.slide_div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 1.67rem;
}

.slide_div > p:nth-child(1) {
  display: flex;
  align-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 1.5rem;
  font-weight: bold;
  color: #1a1a1a;
}

.slide_div > p:nth-child(2) {
  display: flex;
  align-content: center;
  color: #8e8e8e;
  width: 1.5rem;
  font-size: .12rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dollar {
  font-size: .12rem;
  color: #8c8c8c;
}

.colorRed {
  color: #f03232;
}

.through_span {
  font-size: .12rem;
  text-decoration: line-through;
  color: #bdbcbc;
}

.index_mid {
  border-top: .1rem solid rgb(242, 242, 242);
  padding: .2rem .15rem;
  display: flex;
  justify-content: space-between;
  border-bottom: .1rem solid rgb(242, 242, 242);
}

.index_mid > div {
  width: 32.3%;
  height: .7rem;
  border-radius: .05rem;
  position: relative;
}

/*.index_mid>div:nth-child(1){*/
/*background: url("http://img.juimg.com/tuku/yulantu/110124/292-1101241A32471.jpg") 0 0 / 100% 100% no-repeat;*/
/*}*/
/*.index_mid>div:nth-child(2){*/
/*background: url("https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=4028995031,4033848463&fm=27&gp=0.jpg") 0 0 / 100% 100% no-repeat;*/
/*}*/
/*.index_mid>div:nth-child(3){*/
/*background: url("http://pic40.nipic.com/20140403/8614226_162018219198_2.jpg") 0 0 / 100% 100% no-repeat;*/
/*}*/
.index_bottom {
  width: 100%;
}

.index_bottom_title {
  padding-top: .2rem;
  padding-bottom: .1rem;
  font-size: .2rem;
  text-align: center;
}

.index_foot {
  display: flex;
  padding: .1rem .2rem;
  justify-content: space-between;
}

.index_foot > p.active {
  color: #c83f28;
  font-weight: bold;
}

.index_foot_list {
  padding: .1rem;
  display: flex;
  justify-content: flex-start;
  height: .9rem;
  box-sizing: border-box;
  border-bottom: 1px rgb(242, 242, 242) solid;
  /*background: rgb(238, 238, 238);*/
}

.index_foot_list > img {
  float: left;
  width: .75rem;
  box-shadow: 0px 1px 7px 1px #b5b5b5
}

.index_foot_list > div {
  display: flex;
  flex-direction: column;
  margin-left: .2rem;
  justify-content: space-between;
}

.index_foot_list > div:last-child {
  margin: 0;
}

.list_name {
  width: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .16rem;
  font-weight: bolder;
}

.list_content {
  color: #666;
  width: 2rem;
  font-size: .14rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.list_price {
  display: inline-block;
  border: .01rem solid #f11800;
  color: #c80000;
  font-size: .1rem;
  text-align: center;
  border-radius: .02rem;
  padding: .01rem .02rem;
  align-self: self-start;
  max-width: .4rem;
}

.align_self {
  align-items: flex-end;
  flex-grow: 1;
}

/*搜索*/
.search_div {
  padding: .2rem .12rem 0;
}

.elIn {
  height: .3rem;
}

.elIn i {
  line-height: .3rem;
}

.search_div > p {
  font-weight: bold;
  color: #0f0f0f;
}

.search_div > div {
  display: flex;
  flex-wrap: wrap;
}

.search_div > div p {
  width: .7rem;
  height: .3rem;
  background: #eaeaea;
  text-align: center;
  line-height: .3rem;
  font-size: .12rem;
  margin: .1rem .16rem 0;
  border-radius: .08rem;
  color: #000;
}

.comeback {
  align-self: start;
}

.pay_top {
  font-size: .16rem;
  height: .4rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  padding: .08rem;
  background: #eee;
  /*margin-bottom: .2rem;*/
  box-sizing: border-box;
}

.pay_top > p {
  margin-right: auto;
  height: .4rem;
}

.jine {
  font-size: .16rem;
  margin-left: .16rem;
}

.pay_price {
  font-size: .2rem;
  margin-left: -.2rem;
}

.pay_mid {
  background: #eee;
}

.circle {
  width: .2rem;
  height: .2rem;
  border-radius: 50%;
  background: #fff;
  border: .01rem solid #a6a6a6;
}

.pay_mid > div {
  display: flex;
  justify-content: space-between;
  margin: 0 .16rem;
  border-bottom: .01rem solid #e1e0e0;
  height: .58rem;
  align-items: center;
}

.pay_mid i {
  font-size: .2rem;
  margin-right: .1rem;
}

.noneBorderBottom {
  border-bottom: 0 !important;
}

.payButton {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: .5rem;
  text-align: center;
  line-height: .5rem;
  background: dodgerblue;
}

.checked_icon {
  background: url("../../src/assets/gou.png") 0 0 / 100% 100% no-repeat;
}

/*优惠商家*/
.business_list {
  justify-content: space-between;
  width: 93.6%;
  height: 1rem;
  background: rgb(250, 250, 250);
  margin: .1rem 3.2%;
  border-radius: .05rem;
  display: flex;
  overflow: hidden;
  box-shadow: 0.02rem 0.01rem 0.04rem rgba(0, 0, 0, .3);
}

.business_list > img {
  width: 1.2rem;
}

.business_list > div {
  width: 62%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: .1rem;
  margin-left: .07rem;
}

.bus_top > p:nth-child(1) {
  margin-top: .05rem;
  font-size: .16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 2.7rem;
}

.bus_top > p:nth-child(2) {
  font-size: .14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 2.7rem;
}

.colorWrap {
  color: #a6a6a6;
}

.bus_down {
  display: flex;
  padding-bottom: .05rem;
  justify-content: space-between;
}

.bus_down > p:nth-child(1) {
  flex-shrink: 0;
  font-size: .12rem;
  color: #d01300;
  margin-right: .1rem;
}

.bus_down > p:nth-child(2) {
  flex-shrink: 0;
  font-size: .1rem;
  color: #3d2c29;
  margin-right: .1rem;
}

/*今日钜惠*/
.today_ul {
  height: .8rem;
  display: flex;
  background: #fafafa;
  margin: 0 0 .2rem;
}

.today_ul > div.img {
  width: .9rem;
  overflow: hidden;
  margin-right: 4.3%;
}

.today_ul > div > img {
  height: .8rem;
}

.today_ul > div.content {
  width: 75%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.today_ul > div.content > p {
  width: 2.7rem;
}

.nowrap {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fontTen {
  font-size: .1rem;
}

.recommend_list {
  justify-content: space-between;
}

.recommend_list_img {
  margin-right: 0 !important;
}

.recomP {
  display: flex;
  justify-content: space-between;
}

.setNum {
  color: #666;
}

.banner_list {
  background: rgb(242, 242, 242);
  /*height: 1.64rem;*/
  overflow: hidden;
}

.banner {
  width: 100%;
  height: 1.64rem;
  overflow: hidden;
}

.banner img {
  width: 100%;
}

.el-input.is-active .el-input__inner, .el-input__inner:focus {
  border-color: #262626 !important;
  outline: 0 !important;
}

.el-message {
  width: 100% !important;

}

.el-message {
  color: #f56c6c !important;
  font-size: 0.20rem !important;
}

.el-dropdown-menu {
  background: #333333 !important;
  border-color: #333333 !important;
  color: #ffffff !important;
}

.el-dropdown-menu__item {
  color: #ffffff !important;
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px !important;
  margin-left: -6px !important;
  border-top-width: 0 !important;
  border-bottom-color: #333333 !important;
}

.el-dropdown-menu__item--divided:before {
  content: '';
  height: 0 !important;
  display: block !important;
  margin: 0 -20px !important;
  color: #666666 !important;
  background: #666666 !important;
}

.el-message-box {
  display: inline-block !important;
  width: 80% !important;
  padding-bottom: 10px !important;
  vertical-align: middle !important;
  background-color: #fff !important;
  border-radius: 4px !important;
  border: 1px solid #ebeef5 !important;
  font-size: 18px !important;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1) !important;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1) !important;
  text-align: left !important;
  overflow: hidden !important;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
}

.el-dialog {
  position: relative !important;
  margin: 0 auto 50px !important;
  background: #fff !important;
  border-radius: 2px !important;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3) !important;
  box-sizing: border-box !important;
  width: 80% !important;
}

a:hover {
  text-decoration: none;
}
